@import"./reset";
@import"./common";
@import"./vw";
.web{
    background: #fff;
    header{
        width: vw(750);
        height: vw(150);
        margin: 0 auto;
        display: flex;
        justify-content: space-around;
        align-items: center;
        .logo{
            width: vw(123);
            margin-top: vw(10);
            img{
                width: 100%;
            }
        }
        .search{
            width: vw(266);
            height: vw(59);
            border: 1px solid #ff9344;
            border-radius:vw(22);
            line-height: vw(56);
            input[type="text"]{
                border: none;
                width: vw(200);
                height: vw(26);
                font-size: vw(24);
                line-height: vw(24);
                // text-align: center;
                padding-left: vw(15);

            }
            input[type="image"]{
                width: vw(29);
                height: vw(30);
                vertical-align: middle;
            }
        }
        .city{
           width: vw(159);
           height: vw(56);
           select{
            width: vw(159);
            height: vw(56);
            border: 1px solid #ff9344;
            font-size: vw(26);
           }
        }
    }
    section{
        width: vw(750);
        .banner{
            width: vw(750);
            height: vw(287);
            img{
                width: 100%;
            }
        }
        .top{
        width: vw(708);
        height: vw(93);
        margin: 0 auto;
        .left{
            display: flex;
            margin: 0 auto;
            justify-content: space-between;
            align-items: center;
            line-height: vw(93);
            img{
                width: vw(56);
                height: vw(54);
                margin-top: vw(10);
            }
            span:first-of-type{
                font-size: vw(30);
            }
            a{
                color: black;
                font-size: vw(24);
               
            }
            .icon-gengduo{
                color: #ff9344;
            } 
        }
        .middle{
            width: vw(590);
            height: vw(107);
            display: flex;
            margin: 0 auto;
            justify-content: space-between;
            align-items: center;
            margin-bottom: vw(10);

            img{
                width: vw(241);
                height: vw(94);
            }
        }
        .bottom{
            width: vw(717);
        }
        .goods{
            display: flex;
            justify-content: space-between;
            margin: 0 auto;
            img{
                width: vw(211);
                height: vw(164);
            }
            a{
                color: black;
                float: right;
                width: vw(265);
                height: vw(122);
                margin-left: vw(20);
                span:first-of-type{
                    font-size: vw(30);
                }
                span:nth-of-type(2){
                    font-size: vw(22);
                    color: #494949;
                }
                span:nth-of-type(3){
                    font-size: vw(32);
                    color: #ff9344;
                }
            }
            .good-right{
                font-size: vw(22);
                color: #494949;
                span{
                    display: block;
                    margin-bottom: vw(55);
                }
            }
        }
        }
        
    }
}